<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body style="height: 2000px;width: 2000px">
<a href="index.html">跳转</a>
<input type="button" value="后退" class="btnStyle" onclick="test()"/><br>
<input type="button" value="前进" class="btnStyle" onclick="test1()"/><br>
<input type="button" value="历史记录数量" class="btnStyle" onclick="test2()"/>
<br>

<button onclick="fn()">按钮</button>
<button onclick="fn1()">停止</button>
<a target="_self"></a>
<script>
    function test() {
        history.back()
    }

    function test1() {
        history.forward()
    }

    function test2() {
        console.log(history.length)
    }

    var timeout
    var interval

    function fn() {

        //获取地址栏完整的网址 http://127.0.0.1:8080/demo3?key=value
// 协议 主机 端口 路径 参数
        var s1 = location.href;
//获取地址栏网址的协议
        var s2 = location.protocol;
//获取地址栏网址的端口
        var s3 = location.port;
// 获取地址栏网址的主机和端口
        var s4 = location.host;
// 获取地址栏网址的主机
        var s5 = location.hostname;
// 获取地址栏网址的资源路径
        var s6 = location.pathname;

        // console.log(s1)
        // console.log(s2)
        // console.log(s3)
        // console.log(s4)
        // console.log(s5)
        // console.log(s6)

        // location.href= "http://www.baidu.com/";

        // 替换 跳转
        // location.replace("http://www.baidu.com/")

        // 刷新当前页面
        // location.reload()


        //返回浏览器的名称（在老版本的IE中可以测试）
        var name = navigator.appName;
//返回浏览器的代码名
        var code = navigator.appCodeName;
//返回浏览的版本信息
        var version = navigator.appVersion;
//返回浏览的平台信息
        var platform = navigator.platform;
//返回浏览的引擎
        var product = navigator.product;
//检查当前浏览器是否启用cookie
        var b = navigator.cookieEnabled;

        // console.log(name)
        // console.log(code)
        // console.log(version)
        // console.log(platform)
        // console.log(product)
        // console.log(b)


        //1.获取屏幕的宽度和高度(分辨率)
        var w = screen.width;
        var h = screen.height;
//2.获取屏幕可用的宽度和高度（除掉状态栏）
        var aw = screen.availWidth;
        var ah = screen.availHeight;
//3.屏幕的像素深度
        var p = screen.pixelDepth;
        // console.log(w)
        // console.log(h)
        // console.log(aw)
        // console.log(ah)
        // console.log(p)

        // 延时
        showDate()
        // timeout = window.setTimeout("showDate()",3000);
        // 循环任务
        // interval = window.setInterval("showDate()", 3000);
        // 防抖节流

        //打开新窗口，返回值w就表示新打开的浏览器窗口，w本身就是一个window对象
        // var w = window.open("http://www.taobao.com","_blank","width=400,height=300");
        //
        // w.resizeTo(500,500)
        // w.resizeBy(100,100)
        // w.moveTo(200,100);
        //
        // window.scrollTo(100,300);

    }

    function fn1() {
        window.clearTimeout(timeout)
        window.clearTimeout(interval)
    }

    function showDate() {
        var date = new Date();
        var year = date.getYear() + 1900; //获取年份，相对于1900年的偏移年份
        var month = date.getMonth() + 1; //获取月份0-11
        var d = date.getDate(); //获取日期
        var hour = date.getHours(); //获取小时
        var min = date.getMinutes(); //获取分钟
        var sec = date.getSeconds(); //获取秒
        var str = year + "-" + month + "-" + d + " " + hour + ":" + min + ":" + sec;
        console.log(str);
    }
</script>
</body>
</html>